<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->

<title>测试平台,成就卓越测试</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Use the correct meta names below for your web application
			 Ref: http://davidbcalhoun.com/2010/viewport-metatag 
			 
		<meta name="HandheldFriendly" content="True">
		<meta name="MobileOptimized" content="320">-->

<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!-- Basic Styles -->
<link rel="stylesheet" type="text/css" media="screen"
	href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen"
	href="css/font-awesome.min.css">
<!-- SmartAdmin Styles : Please note (smartadmin-production.css) was created using LESS variables -->
<link rel="stylesheet" type="text/css" media="screen"
	href="css/smartadmin-production.css">
<link rel="stylesheet" type="text/css" media="screen"
	href="css/smartadmin-skins.css">

<!-- G7 fix -->
<link rel="stylesheet" type="text/css" media="screen"
	href="css/demo-increase.css">

<!-- SmartAdmin RTL Support is under construction
		<link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-rtl.css"> -->
<!-- daterangepicker Styles  -->
<link rel="stylesheet" type="text/css" media="screen"
	href="css/daterangepicker-bs3.css">

<!-- We recommend you use "your_style.css" to override SmartAdmin
		specific styles this will also ensure you retrain your customization
		with each SmartAdmin update.
		<link rel="stylesheet" type="text/css" media="screen" href="css/demo.css"> -->

<!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
<link rel="stylesheet" type="text/css" media="screen"
	href="css/demo.css">

<!-- 设置表头左右选择插件样式 -->
<link rel="stylesheet" type="text/css" media="screen"
	href="css/jquery.multiselect2side.css">

<!-- FAVICONS -->
<link rel="shortcut icon" href="img/favicon/favicon.ico"
	type="image/x-icon">
<link rel="icon" href="img/favicon/favicon.ico" type="image/x-icon">

<!-- GOOGLE FONT
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700"> -->
<style type="text/css">
</style>
</head>
<body class="">
	<!-- possible classes: minified, fixed-ribbon, fixed-header, fixed-width-->

	<!-- HEADER -->
	<header id="header">
		<div id="logo-group">

			<!-- PLACE YOUR LOGO HERE -->
			<span id="logo"> <img src="img/g7/logo_g7.png" alt="g7">
			</span>
			<!-- END LOGO PLACEHOLDER -->

			<!-- Note: The activity badge color changes when clicked and resets the number to 0
				Suggestion: You may want to set a flag when this happens to tick off all checked messages / notifications 
				<span id="activity" class="activity-dropdown"> <i class="fa fa-user"></i> <b class="badge"> 21 </b> </span>
				-->


		</div>

		<!-- pulled right: nav area -->
		<div class="pull-right">

			<!-- collapse menu button -->
			<div id="hide-menu" class="btn-header pull-right">
				<span> <a href="javascript:void(0);" title="Collapse Menu"><i
						class="fa fa-reorder"></i></a>
				</span>
			</div>
			<!-- end collapse menu -->

			<!-- logout button -->
			<div id="logout" class="btn-header transparent pull-right">
				<span> <a href="login.html" title="Sign Out"><i
						class="fa fa-sign-out"></i></a>
				</span>
			</div>
			<!-- end logout button -->

			<!-- search mobile button (this is hidden till mobile view port) -->
			<div id="search-mobile" class="btn-header transparent pull-right">
				<span> <a href="javascript:void(0)" title="Search"><i
						class="fa fa-search"></i></a>
				</span>
			</div>
			<!-- end search mobile button -->

			<!-- input: search field -->
			<form action="#ajax/search.html" class="header-search pull-right">
				<input type="text" placeholder="搜索..." id="search-fld">
				<button type="submit">
					<i class="fa fa-search"></i>
				</button>
				<a href="javascript:void(0);" id="cancel-search-js"
					title="Cancel Search"><i class="fa fa-times"></i></a>
			</form>
			<!-- end input: search field -->
		</div>
		<!-- end pulled right: nav area -->

	</header>
	<!-- END HEADER -->

	<!-- Left panel : Navigation area -->
	<!-- Note: This width of the aside area can be adjusted through LESS variables -->
	<aside id="left-panel">

		<!-- User info -->
		<div class="login-info">
			<span> <!-- User image size is adjusted inside CSS, it should stay as it -->
				<img src="img/avatars/me_blue.jpg" alt="me" class="online" /> <a
				href="javascript:void(0);" id="show-shortcut"> </a>
			</span>
		</div>
		<!-- end user info -->

		<!-- NAVIGATION : This navigation is also responsive

			To make this navigation dynamic please make sure to link the node
			(the reference to the nav > ul) after page load. Or the navigation
			will not initialize.
			-->
		<nav id="navmenu">
			<!-- NOTE: Notice the gaps after each icon usage <i></i>..
				Please note that these links work a bit different than
				traditional href="" links. See documentation for details.
				-->

			<ul>
				<li><a href="#" style="display: none"><i
						class="fa fa-lg fa-fw fa-truck"></i> <span
						class="menu-item-parent">测试工具</span></a>
					<ul>
						<!-- <li class='active'><a href="javascript:void(0);" id="full2"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">报文查询</span></a></li> -->
						<li><a href="javascript:void(0);" id="full4"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">Smart深度报文解析</span></a></li>
						<li><a href="javascript:void(0);" id="full1"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">报文查询</span></a></li>
						<li><a href="javascript:void(0);" id="full3"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">数据查询</span></a></li>
						<li><a href="javascript:void(0);" id="caseconvert"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">testlink用例转换工具</span></a></li>
						<li><a href="javascript:void(0);" id="full21"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">Kafka查询</span></a></li>
					</ul></li>


				<li><a href="#" style="display: none"><i
						class="fa fa-lg fa-fw fa-tablet"></i> <span
						class="menu-item-parent">基础设施服务化</span></a>
					<ul>
						<li>
						<a href="#" style="display: none"><i
						class="fa fa-lg fa-fw fa-tablet"></i> <span
						class="menu-item-parent">rocketMQ管理工具</span></a>
						<ul>
						<li><a href="javascript:void(0);" id="rocketMQ_test"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">rocketMQ_test环境</span></a></li>
						<li><a href="javascript:void(0);" id="rocketMQ_demo"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">rocketMQ_demo环境</span></a></li>
						<li><a href="javascript:void(0);" id="rocketMQ_product"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">rocketMQ_product环境</span></a></li>
						</ul></li>
						<li><a href="javascript:void(0);" id="dataprovider"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">数据构造</span></a></li>
						<li><a href="javascript:void(0);" id="hbasesetting"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">hbase读取配置</span></a></li>
						<li><a href="javascript:void(0);" id="message_drainage"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">报文引流工具</span></a></li>
					</ul></li>

				<!-- <li><a href="#" style="display: none"><i
						class="fa fa-lg fa-fw fa-random"></i> <span
						class="menu-item-parent">自动化</span></a>
					<ul>
						<li><a href="javascript:void(0);" id="infauto"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">接口回归</span></a></li>
						<li><a href="javascript:void(0);" id="msgauto"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">协议回归</span></a></li>
						<li><a href="javascript:void(0);" id="scensauto"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">场景构造</span></a></li>
					</ul></li> -->
				<li><a href="#" style="display: none"><i
						class="fa fa-lg fa-fw fa-star"></i> <span
						class="menu-item-parent">测试自动化</span></a>
					<ul>
						<li><a href="javascript:void(0);" id="testDrivePlatform"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">测试驱动平台</span></a></li>
						<li><a href="javascript:void(0);" id="autog7"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">接口自动化测试工具</span></a></li>
						<li><a href="javascript:void(0);" id="autog7report"
							title="Dashboard" style="display: none"> <span
								class="menu-item-parent">接口自动化测试报告</span></a></li>
					</ul></li>
					<li><a href="javascript:void(0)" id="bug" style="display: none"><i
						class="fa fa-lg fa-fw fa-random"></i> <span
						class="menu-item-parent">BUG趋势图</span></a></li>
			</ul>
		</nav>
		<span class="minifyme"> <i class="fa fa-arrow-circle-left hit"></i>
		</span>

	</aside>
	<!-- END NAVIGATION -->

	<!-- MAIN PANEL -->
	<div id="main" role="main">

		<!-- RIBBON -->
		<div id="ribbon">
			<div class="demo">
				<span id="demo-setting"><i
					class="fa fa-cog txt-color-blueDark"></i> </span>
				<form>
					<legend class="no-padding margin-bottom-10">显示设置</legend>
					<!-- <section>
	                        <label>
	                            <input name="subscription" id="smart-fixed-nav" type="checkbox" class="checkbox style-0">
	                            <span>固定头部</span>
	                        </label>
	                        <label>
	                            <input type="checkbox" name="terms" id="smart-fixed-ribbon" class="checkbox style-0">
	                            <span>固定报警栏</span>
	                        </label>
	                        <label>
	                            <input type="checkbox" name="terms" id="smart-fixed-navigation" class="checkbox style-0">
	                            <span>固定导航栏</span>
	                        </label>
	                        <span id="smart-bgimages"></span>
	                    </section> -->
					<h6 class="margin-top-10 semi-bold margin-bottom-5">更换皮肤</h6>
					<section id="smart-styles">
						<a href="javascript:void(0);" id="smart-style-0"
							data-skinlogo="img/g7/logo_g7.png"
							class="btn btn-block btn-xs txt-color-white margin-right-5"
							style="background-color: #4E463F;"><i
							class="fa fa-check fa-fw" id="skin-checked"></i>暗黑</a><a
							href="javascript:void(0);" id="smart-style-1"
							data-skinlogo="img/g7/logo_g7.png"
							class="btn btn-block btn-xs txt-color-white"
							style="background: #3A4558;">深蓝</a><a href="javascript:void(0);"
							id="smart-style-2" data-skinlogo="img/g7/logo_g7.png"
							class="btn btn-xs btn-block txt-color-darken margin-top-5"
							style="background: #fff;">亮银</a>
					</section>
				</form>
			</div>
			<span class="ribbon-button-alignment"> <span id="refresh"
				class="btn btn-ribbon" data-title="refresh" rel="tooltip"
				data-placement="bottom"
				data-original-title="<i class='text-warning fa fa-warning'></i> Warning! This will reset all your widget settings."
				data-html="true"><i class="fa fa-refresh"></i></span>
			</span>

			<!-- breadcrumb -->
			<ol class="breadcrumb">
				<!-- This is auto generated -->
			</ol>
			<!-- end breadcrumb -->

			<!-- You can also add more buttons to the
				ribbon for further usability

				Example below:

				<span class="ribbon-button-alignment pull-right">
				<span id="search" class="btn btn-ribbon hidden-xs" data-title="search"><i class="fa-grid"></i> Change Grid</span>
				<span id="add" class="btn btn-ribbon hidden-xs" data-title="add"><i class="fa-plus"></i> Add</span>
				<span id="search" class="btn btn-ribbon" data-title="search"><i class="fa-search"></i> <span class="hidden-mobile">Search</span></span>
				</span> -->
		</div>
		<!-- END RIBBON -->

		<!-- MAIN CONTENT -->
		<div id="content">
			<iframe onload="addCasePageMAX();" scrolling="no" frameborder="0"
				border="0" width="100%" allowTransparency="true" name="iframe1"
				id="right_main" src="BUG.html"></iframe>
		</div>
		<!-- END MAIN CONTENT -->

	</div>
	<!-- END MAIN PANEL -->



	<!--================================================== -->

	<!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)
		<script data-pace-options='{ "restartOnRequestAfter": true }' src="js/plugin/pace/pace.min.js"></script>-->

	<!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
	<script src="js/libs/jquery-2.0.2.min.js"></script>
	<script>
		if (!window.jQuery) {
			document
					.write('<script src="js/libs/jquery-2.0.2.min.js"><\/script>');
		}
	</script>

	<script src="js/libs/jquery-ui-1.10.3.min.js"></script>
	<script>
		if (!window.jQuery.ui) {
			document
					.write('<script src="js/libs/jquery-ui-1.10.3.min.js"><\/script>');
		}
	</script>

	<!-- JS TOUCH : include this plugin for mobile drag / drop touch events
		<script src="js/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script> -->

	<!-- BOOTSTRAP JS -->
	<script src="js/bootstrap/bootstrap.min.js"></script>

	<!-- CUSTOM NOTIFICATION -->
	<script src="js/notification/SmartNotification.min.js"></script>

	<!-- JARVIS WIDGETS -->
<!-- 	<script src="js/smartwidgets/jarvis.widget.min.js"></script> -->

	<!-- EASY PIE CHARTS -->
	<script src="js/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>

	<!-- SPARKLINES -->
	<script src="js/plugin/sparkline/jquery.sparkline.min.js"></script>

	<!-- JQUERY VALIDATE -->
	<script src="js/plugin/jquery-validate/jquery.validate.min.js"></script>
	<script src="js/plugin/jquery-validate/localization/messages_zh.js"></script>


	<!-- JQUERY MASKED INPUT -->
	<script src="js/plugin/masked-input/jquery.maskedinput.min.js"></script>

	<!-- JQUERY SELECT2 INPUT -->
	<script src="js/plugin/select2/select2.min.js"></script>

	<!-- JQUERY UI + Bootstrap Slider -->
	<script src="js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>

	<!-- browser msie issue fix -->
	<script src="js/plugin/msie-fix/jquery.mb.browser.min.js"></script>

	<!-- SmartClick: For mobile devices -->
	<script src="js/plugin/smartclick/smartclick.js"></script>

	<!--[if IE 7]>

		<h1>你的浏览器版本太低，为了您正常使用本系统，请到此处升级浏览器版本 www.microsoft.com/download</h1>

		<![endif]-->

	<!-- Demo purpose only -->
	<script src="js/demo.js"></script>
	<script src="js/common.js"></script>

	<!-- MAIN APP JS FILE -->
	<script src="js/app1.js"></script>
	<script src="js/jquery.cookie.js"></script>

	<!--iframe自适应-->
	<script type="text/javascript"
		src="js/plugin/iresizer/iframeResizer.min.js"></script>

	<!-- Your GOOGLE ANALYTICS CODE Below -->
	<script type="text/javascript">
		/* function changeFrameHeight() {
			var ifm = document.getElementById("right_main");
			ifm.height = document.documentElement.clientHeight;
		}
		window.onresize = function() {
			changeFrameHeight();
		}
 */
 		function addCasePageMAX() {
 			var childbody = $(window.frames["iframe1"].document).contents().find("body").eq(0).get(0);		
	 		if (childbody.id != undefined && childbody.id == "addAutoCase") {
	 			$f.addClass("splashScreen");
				$thisBody.addClass("nooverflow");
				isfullscreen = $f.hasClass("splashScreen")
				// var bodyHeight = thisBody.prop('scrollHeight');
				if (isfullscreen) {
					$f.css("height", "100%").iFrameResize({
						autoResize : false
					});
				} else {
					console.log("是否全屏：" + isfullscreen);
					$f.iFrameResize({
						autoResize : true
					});

				}
				$f.attr('scrolling','yes');
	 		}
	 		else if (childbody.id != undefined && childbody.id == "autog7") {
	 			$f.removeClass("splashScreen");
				$thisBody.removeClass("nooverflow");
				isfullscreen = $f.hasClass("splashScreen")
				// var bodyHeight = thisBody.prop('scrollHeight');
				if (isfullscreen) {
					$f.css("height", "100%").iFrameResize({
						autoResize : false
					});
				} else {
					console.log("是否全屏：" + isfullscreen);
					$f.iFrameResize({
						autoResize : true
					});

				}
				$f.attr('scrolling','no');
	 		}
 		}
 
/* 		$("#full1").bind("click", function() {
			$("#right_main").height(1200);
			loadSrc(this, "trucksop/message_search.html");
		}) */
/* 		$("#full3").bind("click", function() {
			$("#right_main").height(1200);
			loadSrc(this, "trucksop/busines_search.html");
		})
		$("#full4").bind("click", function() {
			$("#right_main").height(1200);
			loadSrc(this, "trucksop/message_read.html");
		}) */
		$("#caseconvert").bind("click", function() {
			/* caseconvert(); */
			loadSrc(this, "convertCase.html");
		})
		$("#rocketMQ_test")
				.bind(
						"click",
						function() {
							loadSrc(this,
									"http://172.22.35.224:8090/rocketmq-test");
 							$("#right_main").attr("scrolling", "yes");
							$("#right_main").attr("frameborder", "0");
							$("#right_main")
									.attr("onload",
											"this.height=this.contentWindow.document.documentElement.scrollHeight");
							$("#right_main").attr("style",
									"padding-left: 0px;padding-right: 0px;"); 
						})
		$("#rocketMQ_demo")
				.bind(
						"click",
						function() {
							loadSrc(this,
									"http://172.22.35.224:8090/rocketmq-demo");
							$("#right_main").attr("scrolling", "yes");
							$("#right_main").attr("frameborder", "0");
							$("#right_main")
									.attr("onload",
											"this.height=this.contentWindow.document.documentElement.scrollHeight");
							$("#right_main").attr("style",
									"padding-left: 0px;padding-right: 0px;");
						})
		$("#rocketMQ_product")
				.bind(
						"click",
						function() {
							loadSrc(this,
									"http://172.22.35.224:8090/rocketmq-product");
							$("#right_main").attr("scrolling", "yes");
							$("#right_main").attr("frameborder", "0");
							$("#right_main")
									.attr("onload",
											"this.height=this.contentWindow.document.documentElement.scrollHeight");
							$("#right_main").attr("style",
									"padding-left: 0px;padding-right: 0px;");
						})
		$("#hbasesetting").bind("click", function() {
			loadSrc(this, "hbasesetting.html");
		})
		$("#dataprovider").bind("click", function() {
			$("#right_main").height(750);
			loadSrc(this, "dataprovider.html");
		})
		$("#testDrivePlatform").bind("click", function() {
			loadSrc(this, "testAuto.html");
		})
		$("#autog7").bind("click", function() {
			$('body').toggleClass("minified");
			loadSrc(this, "autog7.html");
		})
		$("#autog7report").bind("click", function() {
			window.open('autog7report.html');
		})
		$("#bug").bind("click", function() {
			loadSrc(this, "BUG.html");
		})
		$("#infauto").bind("click", function() {
			$("#right_main").height(750);
			loadSrc(this, "trucksop/auto_interface_list.html");
		})
		$("#msgauto").bind("click", function() {
			$("#right_main").height(750);
			loadSrc(this, "trucksop/auto_protocol_list.html");
		})
		$("#message_drainage").bind("click", function() {
			$("#right_main").height(750);
			loadSrc(this, "message_drainage.html");
		})
		$("#full21").bind("click",function(){
			loadSrc(this,"trucksop/kafka_search.html");
		})
		function loadSrc(item, srcPath) {
			$.navAsAjax = false;
			$("#right_main").attr("src", srcPath);
			$("nav ul li").removeClass("active");
			$(item).parent().addClass("active");
		}
		$('nav ul a').click(function() {
			$.navAsAjax = true;
			return true;
		});

		var $f = $("#right_main");
		var $thisBody = $("body");
		var isfullscreen = false;
		var auth;
		var user;
		$(function() {
			var iframeMinHeight = $thisBody.height() - 115;//初始化iframe高度
			$f.iFrameResize({
				log : true, // Enable console logging
				enablePublicMethods : true, // Enable methods within iframe hosted page 
				minHeight : iframeMinHeight
			});//调用插件js，iframe自适应内页高度
			resizeMapHeight();
			initUser();
			initMenuWithAuth();
		})
		
		function iframeFullScreen() {
			$f.toggleClass("splashScreen");
			$thisBody.toggleClass("nooverflow");
			isfullscreen = $f.hasClass("splashScreen")
			// var bodyHeight = thisBody.prop('scrollHeight');
			if (isfullscreen) {
				$f.css("height", "100%").iFrameResize({
					autoResize : false
				});
			} else {
				console.log("是否全屏：" + isfullscreen);
				$f.iFrameResize({
					autoResize : true
				});

			}

		}
		function resizeMapHeight() {
			var wHeight;
			if (isfullscreen) {
				wHeight = null;
			} else {
				wHeight = $(window).height();
				//$f.height(wHeight-115);
			}
			$f[0].contentWindow.parentHeight = wHeight;
			//$.postMessage($f[0].contentWindow,wHeight,"*")

			//$f[0].contentWindow.mapAutoHeight(wHeight);
			console.log("窗口可视区高度：" + wHeight + "像素")

		}
		function scrollSmallBox() {
			var sHeight = $(window).scrollTop() - 20;
			var ssHeight = sHeight + 50;
			$f.contents().find("#divSmallBoxes").css({
				"top" : sHeight + "px",
				"right" : "-5px"
			});
			$f.contents().find(".modal-dialog").css({
				"margin-top" : ssHeight + "px"
			});
			//console.log(sHeight);
		}
		//地图界面默认左侧菜单收起
		function closeLeftPanel() {
			$('body').toggleClass("minified");
			$('aside span.minifyme').effect("highlight", {}, 500);
			//e.preventDefault();
		}

		$(window).resize(function() {
			resizeMapHeight();
		})
		$(window).scroll(function() {
			scrollSmallBox();
		})//弹出信息框跟随垂直滚动

		var _gaq = _gaq || [];
		_gaq.push([ '_setAccount', 'UA-XXXXXXXX-X' ]);
		_gaq.push([ '_trackPageview' ]);

		(function() {
			var ga = document.createElement('script');
			ga.type = 'text/javascript';
			ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl'
					: 'http://www')
					+ '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0];
			s.parentNode.insertBefore(ga, s);
		})();

		function initMenuWithAuth() {
			var auths = auth.split(",");
			for (var i = 0; i < auths.length; i++) {
				var selected = $("#" + auths[i] + "");
				selected.css("display", "block");
				selected.parent().parent().prev().css("display", "block");
			}
		}

		function initUser() {
			$.ajax({
				url : '/smarttest-frontstage/login.action',
				type : "POST",
				async : false,
				error : function(response, error) {
					alert('error' + response.status);
				},
				success : function(result) {
					if (result.error == 1) {
						alert(result.message);
					} else {
						user = result.data.username;
						$.cookie('user', result.data.username);
						$("#show-shortcut").html(user);
						auth = result.data.authority;
						$.cookie('auth', auth);
					}
				}
			});
		}
	</script>
</body>
</html>
